<%--
  Created by IntelliJ IDEA.
  User: GzB
  Date: 2020/10/7
  Time: 12:34
  To change this template use File | Settings | File Templates.
--%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link rel="icon" href="../images/home.ico" type="image/x-ico" />
    <link href="../css/regist.css" rel="stylesheet">
    <script src="../js/jquery-3.5.1.min.js"></script>
</head>
<body>

<div class="header">
    <div class="header-logo">
        <a href="../index.jsp"><img src="../images/logo.png"></a>
    </div>
    <!--        <h1>创建账号</h1>-->
</div>

<div class="app">
    <div class="access-pane">
        <div class="transition-register">
            <h1>创建账号</h1>
            <span>创建帐号，轻松使用向家网的各种服务。</span>
            <form class="register">
                <div class="tab">
                    <ul>
                        <li>
                            <button type="button" class="tab-phone">手机号码</button>
                        </li>

                    </ul>

                    <div class="phone-login">
                        <!--手机号码-->
                        <div>
                            <label class="form-label">手机号码</label>
                            <input type="text" class="form-control" placeholder="请输入手机号" id="mobilePhone">
                        </div>
                        <!--发送验证码-->
                        <div class="spacer">
                            <label class="form-label">验证码</label>
                            <input type="text" class="text-control" placeholder="请输入验证码">
                            <button type="button" class="send-button">
                                <span id="countDown">发送验证码</span>
                            </button>

                        </div>
                    </div>
                    <!--创建密码-->
                    <div class="password">
                        <label class="form-label">创建密码</label>
                        <input type="password" class="custPwd" name="pwd" id="pwd" placeholder="请设置登录密码">
                    </div>
                    <!--再次输入密码-->
                    <div class="password-again">
                        <label class="form-label">再次输入密码</label>
                        <input type="password" class="custPwd1" name="pwd" id="pwd1" placeholder="请再次填写密码">
                    </div>
                    <!--注册并登录-->
                    <div class="login-tab">
                        <button type="button" class="login-button">
                        <span class="button-text">
                             注册并登录
                        </span>
                        </button>
                    </div>
                    <div class="tip">
                        <span class="input-tip"></span>
                    </div>
                    <!--已有账号 去登陆-->
                    <div class="have-id">
                        已有账号
                        <a class="go-login" href="login.jsp">去登录</a>
                    </div>
                    <!--留白-->
                </div>
            </form>
        </div>
    </div>
</div>
<script src="../js/register.js"></script>
</body>
</html>
